<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQuery</title>
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<button id="btn">JQuery按钮</button>
		<script>
			// JQuery 基础语法   注释：JQuery与JavaScript本质，注释沿用JavaScript注释
			/*多行文本*/
			// 工厂函数  首行位置  两种使用方式  作用：标识JQuery对象，抓取页面元素
		    /*  工厂函数【两种使用方式】
			 *  ①$("选择器")或者$('选择器')   常用 抓取页面元素
			 *  注意：单双引号主要为了区分嵌套问题
			 *  ②jQuery("选择器")或者jQuery('选择器')  不常用
			 */
			// ①$("选择器")或者$('选择器')
			//$('button').click(function(){ 
				/* 逻辑+DOM或者BOM */
				//alert("hello JQuey");   直接弹出-----代表BOM层  输出语句
			//	document.write("<marquee>跑马灯....</marquee>")---代表DOM层 输出语句
			//	});
			// ②jQuery("选择器")或者jQuery('选择器')
			jQuery('#btn').click(function(){
			//	console.log("你猜我在那里出现");----代表ECMAcript 5.0语法  输出语句
			});
			
			/* JQ基础语法
			   工厂函数【2种】.事件源【4类，15种】(function(){
				JQ逻辑  包含DOM+逻辑与BOM+逻辑
			});*/
		</script>
	</body>
</html>